// 讲解生命周期函数，需要先用类组件来讲，有了基础，再去用函数组件结合hooks来讲
// react生命周期分为3个阶段：  挂载 --- 更新 --- 销毁

import { Component } from "react"

class Header extends Component {
  // 写三个生命周期函数
  constructor() {
    // 如果一个类继承自另外一个类，为什么要写super
    // https://es6.ruanyifeng.com/#docs/class-extends#super-%E5%85%B3%E9%94%AE%E5%AD%97
    super() // 如果手动写了constructor这个函数，必须调用super这个函数
    console.log('constructor 组件创建第一个进入的函数');
  }
  componentDidMount() {
    console.log('componentDidMount 组件挂载好了执行的函数， 做发请求，操作最后的dom的操作');
  }
  render() {
    console.log('render');
    return (
      <h3>测试类组件的生命周期函数</h3>
    )
  }
}

function App() {
  return (
    <>
      <Header />
    </>
  )
}

export default App